<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>bind(type,[data],fn)</title>
<meta name="keywords" content="jQuery 1.2 API Reference,Visual jQuery 1.2,jQuery doc,jQuery API,jQuery,jQuery 1.2 API 参考文档中文版,中文版" />
<meta name="description" content="jQuery 1.2 API 文档中文版，提供最新版 jQuery 开发帮助。" />
<link rel="stylesheet" type="text/css" href="../../style/jqueryapi.css" />
<script type="text/javascript" src="../../style/lib/jquery126.js"></script>
 </script>
<script type="text/javascript" src="../../style/jqueryapi.js"></script>
<link rel="shortcut icon" href="../../style/img/favicon.ico" />
</head>
<body>
<div id="topnav">
		<a href="http://www.jQuery.com/" title="jQuery官网" target="_blank" class="topnav">jQuery官网</a>
	<span class="topnav">|</span>
	<a href="http://jquery.org.cn/" title="jQuery中文网站" target="_blank" class="topnav">jQuery中文网站</a>
	<span class="topnav">|</span>
	<a href="http://www.cn-cuckoo.com/" title="1.1版译者" target="_blank" class="topnav">为之漫笔</a>
	<span class="topnav">|</span>
	<a href="http://shawphy.com/" title="1.2版翻译整理者" target="_blank" class="topnav">Shawphy</a>
    <span class="topnav">|</span>
	<a href="http://www.51toria.cn" title="CHM文档制作者:一揪" target="_blank" class="topnav">CHM文档制作者</a> 
	<span class="topnav">|</span>
	<a href="http://dl.getdropbox.com/u/81097/jQueryAPI_CHM.CHM" title="" target="_blank" class="topnav">CHM最新版本下载</a> 
</div>
<hr style="color:#595959;" />

<div class="content">
				<h1>bind(type,[data],fn)</h1>
				<div class="desc"><div>为每一个匹配元素的特定事件（像click）绑定一个事件处理器函数。</div> <div class="longdesc">这个事件处理函数会接收到一个事件对象，可以通过它来阻止（浏览器）默认的行为。如果既想取消默认的行为，又想阻止事件起泡，这个事件处理函数必须返回false。多数情况下，可以把事件处理器函数定义为匿名函数（见示例一）。在不可能定义匿名函数的情况下，可以传递一个可选的数据对象作为第二个参数（而事件处理器函数则作为第三个参数），见示例二。</div></div><hr />
				<div class="desc"><div>Binds a handler to a particular event (like click) for each matched element.</div> <div class="longdesc">The event handler is passed an event object that you can use to prevent default behaviour. To stop both default action and event bubbling, your handler has to return false. In most cases, you can define your event handlers as anonymous functions (see first example). In cases where that is not possible, you can pass additional data as the second parameter (and the handler function as the third), see second example.</div></div>
				<h2>返回值</h2>
				<p class="indent">jQuery</p>
				<h2>参数</h2>
				<p class="indent"><strong>type </strong>(String) : 事件类型</p>
				<p class="indent"><strong>data </strong>(Object) : (可选) 作为event.data属性值传递给事件对象的额外数据对象</p>
				<p class="indent"><strong>fn </strong>(	Function) : 绑定到每个匹配元素的事件上面的处理函数</p>
				<h2>示例</h2>
				<p class="indent">
					当每个段落被点击的时候，弹出其文本。
				</p>
				<p class="indent"><strong>jQuery 代码:</strong></p>
				<div class="code">
					$("p").bind("click", function(){<br/>
&nbsp; alert( $(this).text() );<br/>
});
				</div>
				<hr />
				<p class="indent">
					你可以在事件处理之前传递一些附加的数据。
				</p>
				<p class="indent"><strong>jQuery 代码:</strong></p>
				<div class="code">
					function handler(event) {<br/>
&nbsp; alert(event.data.foo);<br/>
}<br/>
$("p").bind("click", {foo: "bar"}, handler) 
				</div>
				<hr />
				<p class="indent">
					通过返回false来取消默认的行为并阻止事件起泡。
				</p>
				<p class="indent"><strong>jQuery 代码:</strong></p>
				<div class="code">
					$("form").bind("submit", function() { return false; }) 
				</div>
				<hr />
				<p class="indent">
					通过使用 preventDefault() 方法只取消默认的行为。
				</p>
				<p class="indent"><strong>jQuery 代码:</strong></p>
				<div class="code">
					$("form").bind("submit", function(event){<br/>
&nbsp; event.preventDefault();<br/>
});
				</div>
				<hr />
				<p class="indent">
					通过使用 stopPropagation() 方法只阻止一个事件起泡。
				</p>
				<p class="indent"><strong>jQuery 代码:</strong></p>
				<div class="code">
					$("form").bind("submit", function(event){<br/>
&nbsp; event.stopPropagation();<br/>
});
				</div>
			</div>
            
</body>
</html>
